@import '~@/assets/css/mixins';

.preview_modal{
//  -
}
.sub_title {
  margin-bottom: 16px;

  .sub_title_txt {
    font-size: @font-size-16;
    font-weight: @font-weight-bold;
    color: @gray-700;
    padding-left: 11px;
    position: relative;
  }
  .sub_title_txt::before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 14px;
    background: @primary;
    content: '';
  }
  .sub_title_gray_txt {
    font-size: @font-size-14;
    color: @gray-600;
    margin-left: 9px;

    :global{
      .iconfont {
        margin-right: 6px;
      }
    }
  }
}

.header_info {
  margin-bottom: 26px;
  .row {
    margin-bottom: 16px;
    .col {
      display: flex;
      font-size: 12px;
      .key {
        font-size: @font-size-14;
        font-weight: @font-weight-normal;
        color: @gray-600;
      }
      .value {
        flex: 1;
        padding-right: 10px;
        font-size: @font-size-14;
        font-weight: @font-weight-normal;
        color: @gray-700;
      }
      .line {
        width: 100%;
        height: 1px;
        background: #f2f2f2;
      }
    }
  }
}

.result_info {
  :global {
    .ant-form-item {
      margin-bottom: 4px;
    }
    .ant-form-item-label > label {
      color: @gray-600;
    }
  }
}

.result_table_select {
  display: flex !important;
  flex-direction: row;
}

.blood_loading {
  :global{
    .ant-spin-nested-loading {
      height: 100%;
    }

    .ant-spin-container {
      height: 100%;
    }
  }
}

.blood_map {
  height: 280Px !important;
  border: 1px solid rgb(0 0 0 / 25%);
  overflow: hidden;
  width: 100% !important;

  :global{
    .node {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      // background: linear-gradient(94deg, #1890FF 0%, #69C0FF 100%);
    }
    .node i {
      flex-shrink: 0;
      color: #FFF;
      margin-left: 4px;
    }
    .node .label {
      display: inline-block;
      flex-shrink: 0;
      width: 104px;
      margin-left: 8px;
      font-size: 14px;
      font-weight: 400;
    }
    .iconBackground {
      width: 24px;
      height: 24px;
      margin-left: 9px;
      line-height: 24px;
    }
    .default {
      flex-shrink: 0;
      background: rgb(255 255 255 / 39%);
      border: 2px solid #43A047;
      border-radius: 4px;

      .label {
        color: rgb(0 0 0 / 85%);
      }

      .iconBackground {
        background: #43A047;
      }
    }
    .self {
      flex-shrink: 0;
      background: linear-gradient(94deg, #1890FF 0%, #69C0FF 100%);
      border: 2px solid #0084FF;
      border-radius: 4px;

      .label {
        color: #FFF;
      }

      .iconBackground {
        background: rgb(255 255 255 / 20%);
      }
    }
  }
}
